<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet"
          href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
          crossorigin="anonymous">
    <title>NeRF in the Wild</title>
    <style>
      .paper-title {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      .authors-list .name {
        font-size: 0.9em;
        font-weight: bold;
      }
      .authors-list .affiliation {
        font-size: 0.7em;
      }
      .paper-link a {
        font-size: 2em;
      }
      .short-videos video {
        padding: 1em;
      }
      .content-block {
        padding-left: 2em;
        padding-right: 2em;
        padding-bottom: 2em;
      }
      .overview-video {
        background-color: rgb(240,240,240);
      }
      .overview-video .video-col {
        margin-left: 2em;
        margin-right: 2em;
      }
      .video-row {
        margin-top: 1em;
        margin-bottom: 1em;
      }
      .geometric-consistency {
        background-color: rgb(240,240,240);
      }
      .citation .description {
        font-family: "Courier",monospace;
        font-size: 16px;
        white-space: pre;
        text-align: left;
      }
      .additional-links {
        background-color: #f4f4f4;
      }
    </style>
  </head>

  <body>
    <div class="container">
      <div class="paper-title">
        <!-- title -->
        <div class="row">
          <div class="col">
            <h1 class="name text-center">NeRF in the Wild</h1>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <p class="long-name text-center">
              Neural Radiance Fields for Unconstrained Photo Collections
            </p>
          </div>
        </div>
      </div>

      <!-- Authors -->
      <div class="authors-list">
        <div class="row">
          <div class="col">
            <p class="name text-center">
            <a href="http://www.ricardomartinbrualla.com/"
               target="_blank" >Ricardo Martin-Brualla</a>*
            </p>
          </div>
          <div class="col">
            <p class="name text-center">
            <a href="https://scholar.google.com/citations?user=g98QcZUAAAAJ&hl=en"
               target="_blank">Noha Radwan</a>*
            </p>
          </div>
          <div class="col">
            <p class="name text-center">
            <a href="https://research.google/people/105804/"
               target="_blank">Mehdi S. M. Sajjadi</a>*
            </p>
          </div>
          <div class="col">
            <p class="name text-center">
            <a href="https://jonbarron.info/"
               target="_blank">Jonathan T. Barron</a>
            </p>
          </div>
          <div class="col">
            <p class="name text-center">
              <a href="https://scholar.google.com/citations?user=FXNJRDoAAAAJ&hl=en"
                 target="_blank">Alexey Dosovitskiy</a>
            </p>
          </div>
          <div class="col">
            <p class="name text-center">
            <a href="http://www.stronglyconvex.com/about.html"
               target="_blank">Daniel Duckworth</a>
            </p>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <p class="affiliation text-center">Google Research, Seattle</p>
          </div>
          <div class="col">
            <p class="affiliation text-center">Google Research, Berlin</p>
          </div>
          <div class="col">
            <p class="affiliation text-center">Google Research, Berlin</p>
          </div>
          <div class="col">
            <p class="affiliation text-center">Google Research, San Francisco</p>
          </div>
          <div class="col">
            <p class="affiliation text-center">Google Research, Berlin</p>
          </div>
          <div class="col">
            <p class="affiliation text-center">Google Research, Berlin</p>
          </div>
        </div>
      </div>

      <!-- Paper link -->
      <div class="paper-link">
        <div class="row">
          <div class="col">
            <p class="text-center">
              <a href="https://arxiv.org/abs/2008.02268">[Paper]</a>
            </p>
          </div>
        </div>
      </div>

      <!-- Short videos -->
      <div class="content-block short-videos">
        <div class="row">

          <!-- Brandenburg Gate -->
          <div class="col">
            <div class="row">
              <div class="col embed-responsive embed-responsive-4by3">
                <a href="https://storage.googleapis.com/nerf-w-public/videos/brandenburg/flythrough_v2.webm"
                   target="_blank">
                  <video autoplay muted loop>
                    <source src="https://storage.googleapis.com/nerf-w-public/videos/brandenburg/flythrough_v2_320x240.webm"
                            type="video/webm">
                    Sorry, your browser doesn't support embedded videos.
                  </video>
                </a>
              </div>
            </div>
            <div class="row">
              <div class="col">
                <p class="text-center">Brandenburg Gate</p>
              </div>
            </div>
          </div>

          <!-- Sacre Coeur -->
          <div class="col">
            <div class="row">
              <div class="col embed-responsive embed-responsive-4by3">
                <a href="https://storage.googleapis.com/nerf-w-public/videos/sacre/flythrough_v3.webm"
                   target="_blank">
                  <video autoplay muted loop>
                    <source src="https://storage.googleapis.com/nerf-w-public/videos/sacre/flythrough_v3_320x240.webm"
                            type="video/webm">
                    Sorry, your browser doesn't support embedded videos.
                  </video>
                </a>
              </div>
            </div>
            <div class="row">
              <div class="col">
                <p class="text-center">Sacre Coeur</p>
              </div>
            </div>
          </div>

          <!-- Trevi Fountain -->
          <div class="col">
            <div class="row">
              <div class="col embed-responsive embed-responsive-4by3">
                <a href="https://storage.googleapis.com/nerf-w-public/videos/trevi/flythrough-app3.mp4"
                   target="_blank">
                  <video autoplay muted loop>
                    <source src="https://storage.googleapis.com/nerf-w-public/videos/trevi/flythrough-app3_320x240.webm"
                            type="video/webm">
                    Sorry, your browser doesn't support embedded videos.
                  </video>
                </a>
              </div>
            </div>
            <div class="row">
              <div class="col">
                <p class="text-center">Trevi Fountain</p>
              </div>
            </div>
          </div>

        </div>
      </div>

      <!-- Overview video -->
      <div class="content-block overview-video">
        <div class="row">
          <div class="col">
            <p class="title">
              <h3>Overview</h3>
            </p>
          </div>
        </div>
        <div class="row video-row">
          <div class="col video-col embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item"
                    allowfullscreen="allowfullscreen"
                    src="https://www.youtube.com/embed/mRAKVQj5LRA"></iframe>
          </div>
        </div>
      </div>

      <!-- Appearance Embedding interpolation -->
      <div class="content-block glo-interpolation">
        <div class="row">
          <div class="col">
            <p class="title">
              <h3>Appearance Embedding Interpolation</h3>
            </p>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <p class="description">
            NeRF-W captures lighting and photometric post-processing in a
            low-dimensional latent embedding space. Interpolating between two
            embeddings smoothly captures variation in appearance without
            affecting 3D geometry.
            </p>
          </div>
        </div>
        <div class="row video-row">
          <div class="col">
          </div>
          <div class="col-9 embed-responsive embed-responsive-4by3">
            <video class="embed-responsive-item" controls muted>
              <source src="https://storage.googleapis.com/nerf-w-public/videos/trevi/interpolations.mp4"
                      type="video/webm">
              Sorry, your browser doesn't support embedded videos.
            </video>
          </div>
          <div class="col">
          </div>
        </div>
      </div>

      <!-- Geometric consistency -->
      <div class="content-block geometric-consistency">
        <div class="row">
          <div class="col">
            <p class="title">
              <h3>Geometric Consistency</h3>
            </p>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <p class="description">
            NeRF-W disentangles lighting from the underlying 3D scene geometry.
            The latter remains consistent even as the former changes.
            Also available in
            <a href="https://storage.googleapis.com/nerf-w-public/videos/brandenburg/5glo/1920x1440.webm" target="_blank">1080p</a> and
            <a href="https://storage.googleapis.com/nerf-w-public/videos/brandenburg/5glo/2560x1920.webm" target="_blank">QHD</a>.
            </p>
          </div>
        </div>
        <div class="row video-row">
          <div class="col">
          </div>
          <div class="col-9 embed-responsive embed-responsive-4by3">
            <video class="embed-responsive-item" controls muted>
              <source src="https://storage.googleapis.com/nerf-w-public/videos/brandenburg/5glo/960x720.webm"
                      type="video/webm">
              Sorry, your browser doesn't support embedded videos.
            </video>
          </div>
          <div class="col">
          </div>
        </div>
      </div>

      <!-- Citation -->
      <div class="content-block citation">
        <div class="row">
          <div class="col">
            <p class="title">
              <h3>Citation</h3>
            </p>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <p class="description">
                      @inproceedings{martinbrualla2020nerfw,
                          author = {Martin-Brualla, Ricardo
                                    and Radwan, Noha
                                    and Sajjadi, Mehdi S. M.
                                    and Barron, Jonathan T.
                                    and Dosovitskiy, Alexey
                                    and Duckworth, Daniel},
                          title = {{NeRF in the Wild: Neural Radiance Fields for
                                   Unconstrained Photo Collections}},
                          booktitle = {arXiv},
                          year={2020}
                      }
            </p>
          </div>
        </div>
      </div>

      <!-- Links -->
      <div class="content-block additional-links">
        <div class="row">
          <div class="col">
            <p class="title">
              <h3>Additional links</h3>
            </p>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <p class="description">
            Find a tab-separated list of filenames used for training and evaluation here:
            <a href="/data/selected_images/brandenburg.tsv" target="_blank">Brandenburg Gate</a>,
            <a href="/data/selected_images/sacre.tsv" target="_blank">Sacre Coeur</a>, and
            <a href="/data/selected_images/trevi.tsv" target="_blank">Trevi Fountain</a>.
            </p>
          </div>
        </div>
      </div>
    </div>

    <!-- Bootstrap bits -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
  </body>
</html>
